
.trigger-list-setting{
  width: 100%;

  .trigger-list-setting-header-right {
    .el-button {
      i {
        margin-right: 6px;
      }
    }
  }
  .trigger-list{
    background: #F7F7F7;
    padding:12px;
    padding-bottom: 0;
    // display: flex;
    // width: 100%;
    .trigger-list-item{
      display: inline-block;
      max-width: 431px;
      // min-width: 431px;
      width: 100%;
      background-color: #fff;
      border-radius: 4px;
      padding: 15px 20px;
      margin:0 12px 12px 0;
      .trigger-list-item {
        background-color: #fff;
        border-radius: 4px;
        padding: 15px 20px;
      }
      .trigger-list-item-header {
        height: 22px;
        margin-bottom: 4px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .icon-diandiandian{
          cursor: pointer;
          margin-left: 8px;
        }
      }
      .trigger-list-item-name {
        height: 22px;
        font-size: 16px;
        font-weight: 600;
        color: #333;
        line-height: 22px;
        @include text-ellipsis();
        width: calc(100% - 80px);
      }
      .trigger-list-item-part {
        i {
          display: inline-block;
          transform: rotate(180deg);
          margin: 0 10px;
          font-size: 12px;
        }
        .app-logo{
          font-size: 16px;
          color: $color-primary-light-6;
          margin: 0 4px 0 0;
        }
      }
      .trigger-list-item-part,
      .trigger-list-item-type,
      .trigger-list-item-action,
      .trigger-list-item-description,
      .trigger-list-item-update {
        height: 17px;
        margin-bottom: 8px;
        font-size: 12px;
        font-weight: 400;
        color: #595959;
        line-height: 17px;
        @include text-ellipsis();
      }
      .trigger-list-item-update,.trigger-list-item-type{
        color: #8c8c8c;
      }
      .trigger-list-item-update-time {
        margin-left: 4px;
      }
    }
  }
}

.trigger-list-setting-header {
  height: 46px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}

.trigger-list-setting-header-title {
  font-size: 14px;
  font-weight: 600;
  color: #262626;
  line-height: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  // padding-left: 10px;
}

.trigger-list-setting-header-sub-title {
  font-size: 12px;
  font-weight: 400;
  color: #8C8C8C;
  line-height: 28px;
  // width: 180px;
  font-family: PingFangSC-Regular, PingFang SC;
}

.other-setting-panel {
  .trigger-list-setting {
    
    .trigger-list {
      
      @include dynamic-card-list(1, 'trigger-list-item');
      
      .trigger-list-item {
        max-width: inherit;
      }
      
    }
    
  }
}

.setting-flow-main-create {
  max-width: calc(100% - 290px);
}

.setting-flow-main-create,
.setting-flow-main-finish,
.setting-flow-main-review {
  
  .trigger-list-setting {
    
    .trigger-list-item {
      max-width: 100% !important;
    }
    
  }
  
}